<template>
	
	<view @click="goSeach" class="index-search">
		<text class="iconfont icon-sousuo"></text>
		<text class="search-title">搜索歌曲</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goSeach() {
				this.$emit('goSeach')
			}
		}
	}
</script>

<style scoped>
	.index-search {
		width: 100%;
		height: 40px;
		background-color: rgba(0,0,0,0.06);
		margin: 10px auto;
		line-height: 40px;
		border-radius: 15px;
		font-size: 15px;
		color: rgba(0,0,0,.4);
	}
	.index-search text {
		margin: 10px;
	}
	.search-title {
		margin: 0 !important;
	}

</style>
